import React from 'react'
import { Link } from 'react-router-dom';
import ImgContainer from '../ImgContainer'
import "./LiveItem.scss"
import { Card } from 'antd';
const { Meta } = Card;

export default function LiveItem(props) {

  return (
    <div className='liveItem-container'>
      <Link to={`/live/${props.liveId}`}>
          <Card
              hoverable
              style={{ width: 240 }}
              cover={<img alt="cover" src={props.backgroundURL} />}
          >
              <Meta title={props.name} description={props.description}/>
              <Meta description={"viewers: 🎅🏻" + props.viewers}/>
          </Card>
      </Link>
    </div>


  )
}
